<template>
  <div id="app" :style="{ width: browserWidth, height: browserHeight }">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      browserWidth: '', // 浏览器宽度
      browserHeight: '' // 浏览器高度
    }
  },
  created () {
    this.browserWidth = window.innerWidth + 'px'
    this.browserHeight = window.innerHeight + 'px'
  }
}
</script>

<style lang="less">
#app {
  width: 100%;
  height: 100%;
  // overflow-x: hidden;
  // overflow-y: scroll;
  // &::-webkit-scrollbar {
  //   width: 10px;
  //   background: transparent;
  // }
  // &::-webkit-scrollbar-thumb {
  //   background: rgba(255, 255, 255, 0.6);
  //   border-radius: 5px;
  // }
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
</style>
